![Как добавить линию подчёркивания ссылки? Как убрать подчёркивание ссылок](https://eqsash.com/custom/files/images/articles/kak-sdelat-ssylku-na-chast.jpg)
Как сделать подчеркивание ссылки в css
У ссылок есть стандартное подчеркивание, которое нельзя красиво анимировать, чтобы его отключить необходимо воспользоваться свойством text-decoration. Для создания собственного подчеркивание используем псевдоэлемент и расположим его абсолютно относительно ссылки. Плавность анимации делаем с помощью свойства transition. У нас получилась анимация подчеркивания слева направо.
![Есть что добавить? Зарегистрируйтесь Подчеркивание ссылок другим цветом CSS](https://makedreamprofits.ru/wp-content/uploads/2022/06/tg-font-windows.png)
![Как удалить подчеркивание гиперссылки в Word? Ваш пароль](https://htmlbook.ru/files/images/faq/28_2.png)
![Курсы по программированию на Хекслете Как убрать подчеркивание гиперссылка в Word](https://lumpics.ru/wp-content/uploads/2020/10/primer-oshibok-podcherknutyh-sinej-liniej-v-dokumente-microsoft-word.png)
![Рекомендуем другие советы Как сделать подчеркивание через CSS](https://dev-postnov.ru/wp-content/uploads/2021/02/image.png)
![text-decoration Подчеркивание ссылок при наведении](https://makedreamprofits.ru/wp-content/uploads/2022/06/Screenshot_2022-06-14-00-32-40-718_org.telegram.messenger-747x1024.png)
![Способ №1: свойство text-decoration Как добавить линию подчёркивания ссылки?](https://habrastorage.org/webt/63/9b/7f/639b7fc8d7661109921895.png)
![Плавное подчёркивание ссылки справа налево при наведении Плавное подчёркивание ссылки при наведении](https://webref.ru/assets/images/recipe/link-underline.png)
![Курсы по CSS (в открытом доступе) 4 способа сделать нижнее подчеркивание для ссылок](https://webref.ru/assets/images/recipe/link-dotted.png)
![Через свойства текста Как добавить подчёркивание к ссылке?](https://support.content.office.net/ru-ru/media/0e4d7383-b834-4bc1-8644-b7fe33705cc5.png)
![Подчеркивание многострочной ссылки Автоматическое подчёркивание ссылок в Фигме](http://biblio.chgpu.edu.ru/covet/vstavka_Word.files/image013.jpg)
![border-bottom Как добавить пунктирное подчёркивание к ссылкам?](https://images.wondershare.com.ru/pdf/article/pdfelement-open-01.jpg)
Вы можете создать ссылку на веб-страницу, либо создать ссылку на новый документ или место в существующем документе, либо же вы можете создать сообщение на определенный адрес электронной почты. Введите текст, который должен отображаться в качестве гиперссылки. Введите текст, который должен отображаться при наведении указателя мыши на гиперссылку необязательно.
- Ваш пароль
- Вроде бы все, задача решена. Но вдруг от клиента приходят правки поменять 10 ссылок в дизайне.
- Научите, пожалуйста, как правильно делать подчёркивание ссылок другим цветом.
- Как сделать подчеркивание ссылок или текста через CSS? Нередко на сайтах используют ссылки без подчеркивания.
![Убираем подчёркивание ссылок в CSS Плавное подчёркивание ссылки при наведении](https://cloud.bureau.ru/soviet/20230126/cover-vk-41365.png)
![Breadcrumb Как сделать подчеркивание через CSS](https://support.content.office.net/ru-ru/media/b4978a9e-6c36-4b7f-97fb-616e4b2b5eb1.png)
![Были ли сведения полезными? Как добавить пунктирное подчёркивание к ссылкам? | Рецепты | WebReference](https://online-powerpoint.ru/wp-content/uploads/2022/01/kak-ubrat-giperssylku-v-pover-point-3.png)
![Способ №2: использование свойства border-bottom 4 способа сделать нижнее подчеркивание для ссылок | Типичный верстальщик](https://www.internet-technologies.ru/wp-content/uploads/articles/201611/style-links-231214.png)
![Откройте документ в Word Устанавливаем пунктирное подчеркивание ссылок. | Vaden Pro](https://cs1.htmlacademy.ru/blog/css/text-decoration/850dd4926f8c7e0768060a51a0b04855.png)
![Убираем подчёркивание ссылок в HTML Как добавить гиперссылку на слайд презентации - Служба поддержки Майкрософт](http://biblio.chgpu.edu.ru/covet/vstavka_Word.files/image004.jpg)
![Плавное подчёркивание ссылки при наведении Плавное подчеркивание ссылок при наведении](https://fortress-design.com/wp-content/uploads/shutterstock_197394419.jpg)
![Как сделать тоненькое подчёркивание ссылок?](https://dev-postnov.ru/wp-content/uploads/2021/02/image-7.png)
![Как добавить подчёркивание к ссылке? | Рецепты | WebReference](https://dev-postnov.ru/wp-content/uploads/2021/02/image-5.png)
![Как сделать подчеркивание ссылки в css - Q&A Хекслет](https://idg.net.ua/blog/wp-content/uploads/text-decoration-css.png)
![Автоматическое подчёркивание ссылок в Фигме — Даниил Постнов](https://dev-postnov.ru/wp-content/uploads/2021/02/image-4.png)
![Как подчеркнуть ссылку пунктиром](https://static.tildacdn.com/tild6533-3634-4934-b233-383266383365/link_effect_big.png)
![Как правильно делать подчёркивание ссылок другим цветом?](https://webref.ru/assets/images/layout/html5-css3/link-03.png)
![Как убрать подчеркивание гиперссылки в Word: простое руководство](https://lk.usoft.ru/images/fishki/f_E/20141106/f_e_20141106_12.png)
В этой статье мы разберем несколько способов сделать нижнее подчеркивание текста. Два из них — самые популярные, остальные два не так очевидны, но имеют значительное преимущество. Об этом поговорим ниже. Итак, поехали! Это самый популярный и, можно сказать, стандартный способ, подчеркнуть текст.
![](https://support.content.office.net/ru-ru/media/1728fb07-360d-4418-b82a-d2e5c2a248b7.png)
![](https://postium.ru/wp-content/uploads/2020/01/kak-dobavit-ssylku-v-tekst-vk.png)
![](https://htmlbook.ru/files/images/faq/53.png)
![](https://i.ytimg.com/vi/qvRSrRWX9pY/hqdefault.jpg)
![](https://ilyabirman.ru/meanwhile/pictures/dashed-underline.png)
![](https://htmlbook.ru/files/images/faq/34.png)
![](https://habrastorage.org/webt/5f/7a/55/5f7a5586a3bf0771108604.jpeg)